<core:WRAP file="pub/layout.html"  placeholder="Content">
<td class="mini" width="100%" valign="top" align="left" >

<script language="Javascript">
// Gets a element by its Id. Used for shorter coding.
function GetE( elementId )
{
	return document.getElementById( elementId )  ;
}
function doSubscribe()  {
	var dosubscribeE = GetE('dosubscribe');
	if ( dosubscribeE ) dosubscribeE.value = '1';
}
</script>

<!--<form method="post" name="register_form" id="register_form" runat="server">-->

<table border="0" style="padding-left:10;padding-right:5;" cellpadding="0" cellspacing="0" width="100%">
<tr>
	<td width="100%">
	<table class="topmenu" border="0"   cellspacing="0" width="100%">
	<tr class="topmenu" align="center">
	<td style="padding:5; padding-left:10;">
		<a href="/{$#app_name}/index.htm" class="whitelink">Home</a></td>
	<td style="padding:5; padding-left:10;"><a href="{$faq_url}" class="whitelink">Member FAQ</a></td>
	<td style="padding:5; padding-left:10;"><a href="/{$#app_name}/myprofile/index.htm" class="whitelink">My Profile</a></td>
	</tr>
	</table>
	</td>
</tr>

<tr>
	<td>
	<table>
		<tr>
			<td rowspan="2"><br><img src="/{$#app_name}/images/info_ico.jpg"></td>
			<td class="textlogin"><br><a class="linklogin" href="/login.htm"><b>Sign in here</b></a> if you already have a username and password</td>
		</tr>
		<tr>
			<td class="textlogin"><b>Forgot your password - click <a class="linklogin" href="/pswdreminder.htm"><b> here </b><a></b>
			</td>
		</tr>
	</table>
	</td>
</tr>

<tr>
	<td class="textlogin" style="font-size:12;padding-left:20;"><br>Please fill in the following information completely and click</td>
</tr>
<tr>
	<td class="textlogin" style="font-size:12;padding-left:20;">the 'Begin Membership' button to create your account.</td>
</tr>
<tr>
	<td class="textlogin" style="font-size:12;padding-left:20;">You will receive a confirmation email once your membership has been successfully created.</td>
</tr>
	<core:optional for="logerror">
            <tr>
            	<td class="textlogin" style="font-size:12;padding-left:30;">
            		<br>
            		<FONT COLOR="RED">{$logerror}</FONT>
             	</td>
            </tr>
	</core:optional>
<tr>
	<td>
		<form method="post" name="register_form" id="register_form" runat="server">
		<table width="100%" cellpadding="0" cellspacing="0" border="0">
		<ERRORSUMMARY id='Summary'>
            <tr>
            	<td class="textlogin" style="font-size:12;padding-left:20;">
                <list:ITEM>
                    <FONT COLOR="RED">{$ErrorMessage}</FONT>
                    <list:SEPARATOR>
                        <BR>
                    </list:SEPARATOR>
                </list:ITEM>
             	</td>
             </tr>
		</ERRORSUMMARY>

		<input type="hidden" name="level" value="0"/>
		<tr>
			<td><hr size="4" width="100%" class="login"></td>
		</tr>
		<tr>
			<td class="textlogin" style="font-size:10pt;left-pedding:20;padding-bottom:5;">Note: Fields marked with asterick (<font color="red">*</font>) are obligatory</td></tr>
		<tr>
			<td>
				<div class="darkblue">Personal information</div></td>
		</tr>
		<tr>
			<td>
			<table width="100%">
			<tr>
				<td class="textlogin" width="35%"><font color="red">*</font>First name:</td>
				<td align="right">
					<input class="login" type="text" name="firstname" size="65" displayname="First name"/>
				</td>
			</tr>
			<tr>
				<td class="textlogin"><font color="red">*</font>Last name:</td>
				<td align="right">
					<input class="login" type="text" name="lastname" size="65" displayname="Last name"/>
				</td>
			</tr>
			<tr>
				<td class="textlogin"><font color="red">*</font>Email:</td>
				<td align="right">
					<input class="login" type="text" name="email" size="65" displayname="Email"/></td>
			</tr>
			<tr>
				<td class="textlogin">&nbsp;Age</td>
				<td align="right">
					<input class="login" type="text" name="age" size="65" /></td>
			</tr>
			</table>
			</td>
		</tr>
		<tr>
			<td><div class="darkblue">Address</div></td>
		</tr>
		<tr>
		<td>
		<table width="100%">
			<tr>
				<td class="textlogin" width="35%">Address1:</td>
				<td width="65%" colspan="3" align="right">
					<input class="login" type="text" name="address1" size="65"/>
				</td>
			</tr>
			<tr>
				<td class="textlogin" width="35%">Address2:</td>
				<td colspan="3" align="right">
					<input class="login" type="text" name="address2" size="65"/>
				</td>
			</tr>
			<tr>
				<td class="textlogin">City:</td>
				<td>
					<input class="login" type="text" name="city" size="24"/>
				</td>
				<td class="textlogin" width="18%" style="padding-left:20;">&nbsp;Home phone:</td>
				<td align="right">
					<input class="login" type="text" name="home_phone" size="16" displayname="Home phone"/>
				</td>
			</tr>
			<tr>
				<td class="textlogin">Country:</td>
				<td>
					<input class="login" type="text" name="country" size="18" displayname="Country"/>
				</td>
				<td class="textlogin"  style="padding-left:20;">&nbsp;Work phone:</td>
				<td align="right">
					<input class="login" type="text" name="work_phone" size="16" displayname="Work phone"/></td>
				</tr>
			<tr>
				<td class="textlogin">State:</td>
				<td>
					<select  name="state" id="state" style="width:136"></select>
				</td>
			</tr>
			<tr>
				<td class="textlogin">Zip:</td>
				<td>
					<input class="login" type="text" name="zip" size="18"  displayname="Zip"/></td>
			</tr>
		</table>
		</td>
		</tr>
		<tr>
			<td>
				<div class="darkblue">Login information</div></td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td class="textlogin" width="250">
						<label for="login" runat="server">
							<font color="red">*</font>Username:</LABEL>
					</td>
					<td align="left">
						<input class="login" type="text" name="login" displayname="Username"/>
					</td>
					<td class="textlogin" style="font-size:12;" rowspan="3" width="45%" valign="top">
						Create a username and password.<br >
						You will use this username and password <br>
						each time you login to our site.
					</td>
				</tr>
				<tr>
					<td class="textlogin"><font color="red">*</font>Password:</td>
					<td align="left">
						<input class="login" type="password" name="password" displayname="Password"/>
					</td>
				</tr>
				<tr>
					<td class="textlogin">
						<font color="red">*</font>Confirm password:</td>
						<td align="left">
							<input class="login" type="password" name="confpswd" displayname="Confirm password"/>
					</td>
				</tr>
			</table>
			</td>
		</tr>
		<tr>
		<td>
			<div class="darkblue">Terms and conditions</div></td>
		</tr>
		<tr>
		<td>
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td align="right">
					<font color="red">*</font>
						<input type="checkbox" name="agree" displayname="Terms and Conditions"></td>
				<td class="textlogin" style="font-size:12;font-family:Verdana;">I have read and agree to <a href="{$#terms_of_service_url}" class="linklogin" style="font-size:12;font-family:Verdana;">Terms and Conditions</a>
				</td>
			</tr>
		</table>
		</td>
		</tr>
		<tr>
			<td class="textlogin" style="font-size:12;padding-left:20;">You have two options to proceed with: <b>Free Membership</b> and <b>Paid Subscription</b>
			</td>
		</tr>

		<tr>
			<td><hr size="4" width="100%" class="login"></td>
		</tr>
		<tr>
			<td>
				<table>
				<tr>
				<td>
					<INPUT type="submit" style="width:260" name="register" value="Register for free and begin membership"/>
				</td>
				<td class="textlogin" style="font-size:10;">
					The membership you are about to create is a free subscription, and does not give you access to any premium features of this site.
				</td>
				</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<hr size="4" width="100%" class="login">
			</td>
		</tr>
		<tr>
		<td>
			<div class="lightblue">SUBSCRIBE - Step 1</div>
		</td>
		</tr>
		<tr>
		<td valign="top">
			<table>
			<tr>
				<td>
					<br>&nbsp;
        			<input type="hidden" name="dosubscribe" id="dosubscribe" value="0" runat="server"/>
    				<input type="image" src="/{$#app_name}/images/subscribe.gif" border="0" name="subscribe" id="subscribe" alt="Become a subscriber!" onclick="doSubscribe();" />
				</td>
				<td  class="textlogin" style="padding-left:40;font-size:15;">The paid subscription allows you to get full access<br> to our services and features, including Premium content.<br>
				You have 4 options to subscribe for:<br>
				1 - 3 days for ${$price1} <br>
				2 - 7 days for ${$price2} <br>
				3 - 30 days (recurring) for ${$price3} <br>
				4 - annual (recurring) for ${$price4}
				</td>
			</tr>
			</table>
		</td>
		</tr>
		<tr>
			<td><hr size="4" width="100%" class="login"></td>
		</tr>
	</table>
	</form>
	</td>
</tr>
</table>
</td>
